<script setup>
import banner from '/src/components/Banner.vue'
import RegisterForm from '../../components/RegisterForm.vue';
import background_img from '../../assets/images/index/TechLife-LifeManagement.svg'
import { ref } from 'vue'
//当前是第几个页面
const nowPage = ref(2)
</script>

<template>
    <banner :nowPage="nowPage"></banner>
    <div style="display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  ">
        <main class="main" style="display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #dbdde3 50%, #f1f2f6 50%);
  position: relative;">
            <RegisterForm />
            <img :src="background_img" alt="background image"
                style="position: absolute; bottom: 0; right: 0;" width="398">
        </main>
    </div>

</template>
<style scoped>
*,
::before,
::after {
    box-sizing: border-box;
    margin: 0;
}
</style>